﻿<html class="ui-mobile">
<head>
    <base href="file:///D:/UCalendar/uCalendar.Web/prototype.html">
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"
        name="viewport">
    <title>2012.12.08</title>
    <link rel="stylesheet" href="Styles/jquery.mobile-1.2.0.css">
    <link rel="stylesheet" href="Styles/jquery.mobile.structure-1.2.0.css">
    <link rel="stylesheet" href="Styles/jquery.mobile.theme-1.2.0.css">
    <link rel="stylesheet" href="Styles/uScheduler.css">
    <script type="text/javascript" src="Scripts/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="Scripts/jquery.mobile-1.2.0.min.js"></script>
    <!--<script type="text/javascript" src="Scripts/plugins/jquery.mobile.uScheduler.js"></script>-->
    <script type="text/javascript" src="Scripts/date.js"></script>
</head>
<body class="ui-mobile-viewport ui-overlay-c">
    <div id="dayViewPage" data-role="page" data-url="dayViewPage" tabindex="0" class="ui-page ui-body-c ui-page-footer-fixed"
        style="padding-bottom: 44px; min-height: 617px;">
        <div data-role="header" data-theme="c" class="ui-header ui-bar-c" role="banner">
            <a data-iconpos="notext" data-icon="arrow-l" data-role="button" href="javascript:goToPreviousDay('dayViewPage', 'dayViewPage2')"
                class="ui-btn-left ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-notext ui-btn-up-c"
                data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span"
                data-theme="c" title=""><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text">
                </span><span class="ui-icon ui-icon-arrow-l ui-icon-shadow">&nbsp;</span></span></a>
            <h1 style="margin: 0; font-size: 22px; line-height: 42px" class="ui-title" role="heading"
                aria-level="1">
                2012.06.10</h1>
            <a data-iconpos="notext" data-icon="arrow-r" data-role="button" href="javascript:goToNextDay('dayViewPage', 'dayViewPage2')"
                class="ui-btn-right ui-btn ui-btn-up-c ui-shadow ui-btn-corner-all ui-btn-icon-notext"
                data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span"
                data-theme="c" title="Down"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text">
                    Down</span><span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span></span></a>
        </div>
        <div style="padding: 0px" data-role="content" class="ui-content" role="main">
            <div data-role="uScheduler" class="calendarWrapper">
                <div class="operatoryBody" style="overflow-y: visible; height: 570px;">
                    <table cellspacing="0" cellpadding="0" style="table-layout: fixed; width: 100%">
                        <tbody>
                            <tr>
                                <td>
                                    <table cellspacing="0" cellpadding="0" class="operatoryContainer" style="height: 1008px">
                                        <tbody>
                                            <tr>
                                                <td style="width: 60px;height:1px">
                                                </td>
                                                <td colspan="1">
                                                    <div class="timeSlotWrapper">
                                                        <div class="timeSlotContainer">
                                                            <div style="height:90px" class="timeSlotGroup"><div style="height:15px" class="timeSlotFirst"></div><div style="height:14px" class="timeSlotMiddle"></div><div style="height:14px" class="timeSlotMiddle"></div><div style="height:14px" class="timeSlotMiddle"></div><div style="height:14px" class="timeSlotMiddle"></div><div style="height:14px" class="timeSlotLast"></div></div>
                                                            <div style="height:90px" class="timeSlotGroup"><div style="height:15px" class="timeSlotFirst"></div><div style="height:14px" class="timeSlotMiddle"></div><div style="height:14px" class="timeSlotMiddle"></div><div style="height:14px" class="timeSlotMiddle"></div><div style="height:14px" class="timeSlotMiddle"></div><div style="height:14px" class="timeSlotLast"></div></div>
                                                            <div style="height:90px" class="timeSlotGroup"><div style="height:15px" class="timeSlotFirst"></div><div style="height:14px" class="timeSlotMiddle"></div><div style="height:14px" class="timeSlotMiddle"></div><div style="height:14px" class="timeSlotMiddle"></div><div style="height:14px" class="timeSlotMiddle"></div><div style="height:14px" class="timeSlotLast"></div></div>
                                                            
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="dayLedger" style="width: 60px">
                                                    <div class="dayLedgerItem" style="height:90px">
                                                        <div class="dayLedgerMinuteTextWrapper">
                                                            <div class="dayLedgerMinuteTextFirst">00</div>
                                                            <div class="dayLedgerMinuteTextMiddle">10</div>
                                                            <div class="dayLedgerMinuteTextMiddle">20</div>
                                                            <div class="dayLedgerMinuteTextMiddle">30</div>
                                                            <div class="dayLedgerMinuteTextMiddle">40</div>
                                                            <div class="dayLedgerMinuteTextMiddle">50</div>                                                            
                                                        </div>
                                                        <div style="" class="dayLedgerHourText">00</div>
                                                    </div>
                                                     <div class="dayLedgerItem" style="height:90px">
                                                        <div class="dayLedgerMinuteTextWrapper">
                                                            <div class="dayLedgerMinuteTextFirst">00</div>
                                                            <div class="dayLedgerMinuteTextMiddle">10</div>
                                                            <div class="dayLedgerMinuteTextMiddle">20</div>
                                                            <div class="dayLedgerMinuteTextMiddle">30</div>
                                                            <div class="dayLedgerMinuteTextMiddle">40</div>
                                                            <div class="dayLedgerMinuteTextMiddle">50</div>                                                            
                                                        </div>
                                                        <div style="" class="dayLedgerHourText">01</div>
                                                    </div>
                                                    
                                                </td>
                                                <td ch="qkadd" class="resourcePanel">
                                                    <div class="appointmentPanel" style="margin-bottom: -1008px; height: 1008px">
                                                    </div>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div data-position="fixed" data-role="footer" data-theme="c" class="ui-footer ui-bar-c ui-footer-fixed slideup"
            role="contentinfo">
            <h3 class="ui-title" role="heading" aria-level="1">
                Footer
            </h3>
        </div>
    </div>
    
    <div class="ui-loader ui-corner-all ui-body-a ui-loader-default">
        <span class="ui-icon ui-icon-loading"></span>
        <h1>
            loading</h1>
    </div>
</body>
</html>
